{extend name="common/common" /}
     <!-- Start Breadcrumbs Area -->
     {block name="head"}
        <div class="breadcrumbs-area section-padding">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="breadcrumbs text-center text-white">
                           <h3 class="text-uppercase">Contact</h3> 
                           <ul class="breadcrumbs-list">
                                <li>
                                    <a href="__INDEX__index/index.html" title="Return to Home">Home</a>
                                </li>
                                <li>/</li>
                                <li>Contact</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {/block}
        <!-- End Of Breadcrumbs Area -->
        <!-- Start page content -->
        <section id="page-content" class="page-wrapper">
            <!-- Map Area Start -->
            {block name="headcontent"}
            <div class="map-area">
                <div id="googleMap" style="width:100%;height:600px;"></div>
            </div>
            <!-- Map Area End -->
            <!-- Address Information Area Start -->
            <div class="address-info-area mb-90">
                <div class="container">
                    <div class="row">
                        <div class="address-info p-90 clearfix">
                            <div class="col-md-5 col-sm-6">
                                <div class="contact-form">
                                    <div class="title text-uppercase mb-15">
                                        <h4><strong>get in touch</strong></h4>
                                    </div>
                                    <form id="contact-form" action="mail.php" method="post">
                                        <input type="text" name="name" placeholder="Name*">
                                        <input type="email" name="email" placeholder="E-mail*">
                                        <input type="text" name="subject" placeholder="Subject">
                                        <textarea name="message" placeholder="Message"></textarea>
                                        <button class="submit-btn mt-20" type="submit">submit message</button>
                                    </form>
                                    <p class="form-messege"></p>
                                </div>
                            </div>
                            <div class="col-md-offset-2 col-md-5 col-sm-6">
                                <div class="contact-address">
                                    <div class="title text-uppercase mb-15">
                                        <h4><strong>CONTACT FORM</strong></h4>
                                    </div>
                                    <ul class="toggle-footer text-ash p-30">
                                        <li class="mb-30 pl-45">
                                            <i class="zmdi zmdi-pin"></i>
                                            <p>House No 08, Road No 08, <br>
                                            Din Bari, Dhaka, Bangladesh</p>
                                        </li>
                                        <li class="mb-30 pl-45">
                                            <i class="zmdi zmdi-email"></i>
                                            <p>Username@gmail.com <br>
                                            Damo@gmail.com</p>
                                        </li>
                                        <li class="pl-45">
                                            <i class="zmdi zmdi-phone"></i>
                                            <p>+660 256 24857<br>
                                            +660 256 24857</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Address Information Area End -->
            {/block}
    {block name="js"}
    <script src="__INDEX__js/ajax-mail.js"></script>
    <!-- Google Map js -->
    <script src="https://maps.googleapis.com/maps/api/js"></script>
    <script>
        function initialize() {
          var mapOptions = {
            zoom: 16,
            scrollwheel: false,
            center: new google.maps.LatLng(23.763474, 90.431483)
          };
          var map = new google.maps.Map(document.getElementById('googleMap'),
              mapOptions);
          var marker = new google.maps.Marker({
            position: map.getCenter(),
            animation:google.maps.Animation.BOUNCE,
            icon: 'images/map-icon.png',
            map: map
          });
        }
        google.maps.event.addDomListener(window, 'load', initialize);
    </script>
    {/block}